{extend name="public/common"/}
{block name="head"}

{/block}

{block name="banner"}

{/block}
{block name="body"}
<div class="page-title">
    <div class="overlay">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="section-header">
                        <h5 class="sub-title">Women’s</h5>
                        <h2 class="title">COLLECTION</h2>
                    </div>
                    <ol class="breadcrumb">
                        <li><a href="#">Home</a></li>
                        <li><a href="#">Library</a></li>
                        <li class="active">Data</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
</div>



<!-- Main Section -->
<div class="main-section m-b100">
    <div class="container">
        <form action="#">
            <div class="row">
                <div class="col-md-8 col-md-offset-2">
                    <ul class="shop-progress m-b70">
                        <li>
                            <span class="thumb-icon">01</span>
                            <span class="title">SHOPPING CART</span>
                        </li>
                        <li class="active">
                            <span class="thumb-icon">02</span>
                            <span class="title">CHECKOUT</span>
                        </li>
                        <li>
                            <span class="thumb-icon">03</span>
                            <span class="title">ORDER COMPLATE</span>
                        </li>
                    </ul><!-- /.shop-progress -->
                </div>
                <div class="col-md-6">
                    <div class="billing-form">
                        <h6 class="heading">BILLING ADDRESS</h6>
                        <div class="form-group">
                            <label for="country">Country<span>*</span></label>
                            <select id="country" class="selectpicker">
                                <option>Country</option>
                                <option>Bangladesh</option>
                                <option>India</option>
                                <option>China</option>
                                <option>USA</option>
                                <option>UK</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <div class="row">
                                <div class="col-xs-6">
                                    <label for="firstname">First Name <span>*</span></label>
                                    <input id="firstname" type="text">
                                </div>
                                <div class="col-xs-6">
                                    <label for="lastname">Last Name <span>*</span></label>
                                    <input id="lastname" type="text">
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="companyname">Company Name <span>*</span></label>
                            <input id="companyname" type="text">
                        </div>
                        <div class="form-group">
                            <div class="row">
                                <div class="col-xs-6">
                                    <label for="email">Email Address<span>*</span></label>
                                    <input id="email" type="email">
                                </div>
                                <div class="col-xs-6">
                                    <label for="phone">Phone No <span>*</span></label>
                                    <input id="phone" type="text">
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="address">Full Address  <span>*</span></label>
                            <input id="address" type="text" placeholder="Street Address">
                        </div>
                        <div class="form-group">
                            <input id="apartment" type="text" placeholder="Apartment, suite, unit, etc. (optional)">
                        </div>
                        <div class="form-group">
                            <label for="location">Town / City<span>*</span></label>
                            <input id="location" type="text">
                        </div>
                        <div class="form-group">
                            <div class="row">
                                <div class="col-md-6">
                                    <label for="state">State<span>*</span></label>
                                    <input id="state" type="text">
                                </div>
                                <div class="col-md-6">
                                    <label for="zip">Zip Code<span>*</span></label>
                                    <input id="zip" type="text">
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <p class="m-t30">
                                <input type="radio" name="account" checked><span>Creat an Account ?</span>
                                <input type="radio" name="account"><span>Ship to Different Address</span>
                            </p>
                        </div>

                    </div>
                </div>
                <div class="col-md-6">
                    <div class="cart-price m-b50">
                        <h6 class="heading2">CART TOTAL</h6>
                        <ul>
                            <li class="product">
                                <div class="item-name">
                                    <strong>PRODUCT</strong>
                                </div>
                                <div class="price">
                                    <strong>TOTAL</strong>
                                </div>
                            </li>
                            <li>
                                <div class="item-name">
                                    <ul>
                                        <li>Diamond Ring x 01</li>
                                        <li>Latest Men’s Hand Watch x 02</li>
                                    </ul>
                                </div>
                                <div class="price">
                                    <ul>
                                        <li>$68.50</li>
                                        <li>$150.00</li>
                                    </ul>
                                </div>
                            </li>
                            <li>
                                <div class="item-name">
                                    Subtotal
                                </div>
                                <div class="price">
                                    $68.50
                                </div>
                            </li>
                            <li>
                                <div class="item-name">
                                    Shipping
                                </div>
                                <div class="price">
                                    $68.50
                                </div>
                            </li>
                            <li>
                                <div class="item-name">
                                    <strong>ORDER TOTAL</strong>
                                </div>
                                <div class="price">
                                    <span>$150.50</span>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="payment-method">
                        <h6 class="heading">PAYMENT METHOD</h6>
                        <ul>
                            <li>
                                <div class="media-left">
                                    <input type="radio" name="payment" checked>
                                </div>
                                <div class="media-body">
                                    <h6 class="title">Direct Bank Transfer</h6>
                                    <p>
                                        Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of
                                    </p>
                                </div>
                            </li>
                            <li>
                                <div class="media-left">
                                    <input type="radio" name="payment" >
                                </div>
                                <div class="media-body">
                                    <h6 class="title">Check Payment</h6>
                                </div>
                            </li>
                            <li>
                                <div class="media-left">
                                    <input type="radio" name="payment">
                                </div>
                                <div class="media-body">
                                    <h6 class="title">Paypal</h6>
                                </div>
                            </li>
                            <li>
                                <div class="media-left">
                                    <input type="radio" name="payment">
                                </div>
                                <div class="media-body">
                                    <a href="#">I have read and acpet the terms and conditions</a>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <a href="#" class="btn-default">CHECKOUT</a>
                </div>
            </div>
        </form>
    </div>
</div>



{/block}


{block name="script"}

<script src="__COMMON__/layer/layer.js"></script>
<script>

</script>

{/block}
